react-native-maps 基本中の基本

ReactNativeでGoogle Maps APIを使うためライブラリ

基本的にはモバイル用のSDKになっている。Web用のGoogle APIを使いたい場合は別の方法を用いる。

インストール方法

hr.icon

使い方

hr.icon

「MapView」を表示しとけば、「Google Map」のようなUIが表示される。

code: js

import React from 'react';

import { StyleSheet, Text, View } from 'react-native';

import MapView from 'react-native-maps';

export const SampleMap = () => {

return (

<MapView

style={{ flex: 1 }}

initialRegion={{

latitude: 35.681236,

longitude: 139.767125,

latitudeDelta: 0.02, //小さくなるほどズーム

longitudeDelta: 0.02,

}}

</MapView>

)

}